{##继承base.html模板#}
{% extends 'base.html' %}

{% block body %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="static/entry/lbtcss/normalize.css" />
	<link rel="stylesheet" type="text/css" href="static/entry/lbtcss/htmleaf-demo.css">
	<link rel="stylesheet"  type="text/css" href="static/entry/lbtcss/style.css">
    <link rel="stylesheet"  type="text/css" href="static/entry/entry.css">
<title>各省男女比例下，单身人数数据分析结果</title>

</head>

<body>
<h1>各省男女比例下，单身人数数据分析结果</h1>
<div class="fram">
	<h3 class="xiaobiaoti">交互式数据可视化期末项目展示</h3>

           <h1>请选择您想了解的数据</h1>
    <div align="center">
<select name="" onchange="javascript:window.open(this.options[this.selectedindex].value)" style="width:250px;height:30px;text-align:center;text-align-last:center">
<option value='total_people' selected>2019-2021年全国男女人口数对比</option>
<option value='provice_people' selected>2019-2021年各省人口和男女人口数对比</option>
<option value='GDP' selected>2019-2021年各省GDP情况</option>
<option value='unmarried_people' selected>2019-2021年各省总单身人口数和男女单身人口数对比</option>
<option value='junior_college_people' selected>2019-2021年大专学历以上总人数和男女人数</option>
<option value="#" selected>--请选择--</option>
</SELECT>
    <SCRIPT language=JavaScript>
var select = document.querySelector('select');select.onchange = function(){	window.location=this.value;}
    </SCRIPT>
    </div>
    </div>
    <hr />


</div>
	</div>

	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('&lt;script src="lbtjs/jquery-1.11.0.min.js">&lt;\/script>')</script>
	<script type="text/javascript" src="static/entry/lbtjs/slide.js"></script>
</div>
</body>
</html>


{% endblock %}